<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="../managerstylesheet.css" />
		<title>Manager View</title>
		
		<script type="text/javascript">
			function tab(tab) {
				document.getElementById('tab1').style.display = 'none';
				document.getElementById('tab2').style.display = 'none';
				document.getElementById('li_tab1').setAttribute("class", "");
				document.getElementById('li_tab2').setAttribute("class", "");
				document.getElementById(tab).style.display = 'block';
				document.getElementById('li_'+tab).setAttribute("class", "active");
			}
		</script>
	</head>
	<?php
		$username = 'root';
        $pw = 'password';
		$con = mysqli_connect ("localhost", $username, $pw, 'elliphinos');
		
		if (mysqli_connect_errno()) {
             echo "Failed to connect to MySQL: " . mysqli_connect_error();
        }
		
		$date = date_create('2000-01-01');
		echo "date:" . date_format($date, 'Y-m-d H:i:s');
		
		
	
	?>
	<body>
		<div id="tabs" style="position:absolute; top: 15%; left: 12%;">
			<ul>
				<li id="li_tab1" onclick="tab('tab1')"><a>Sales Data</a></li>
				<li id="li_tab2" onclick="tab('tab2')"><a>Inventory</a></li>
			</ul>
			<div id="Content_Area">
				<div id="tab1">
					<table border="1">
						<thead>Sales Data
							<tr>
								<th></th>
								<th>Today</th>
								<th>This Week</th>
								<th>This Month</th>
							</tr>
						</thead>
						
						<tbody>
							<tr>
								<td>Subtotal</td>
							</tr>
							
							<tr>
								<td>Tax</td>
							</tr>
							
							<tr>
								<td>Total</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div id="tab2" style="display: none;">
					<table border="1">
						<thead>Inventory Control
							<tr>
								<th>Meats</th>
								<th>Vegetables</th>
								<th>Condiments</th>
							</tr>
						</thead>
						
						<tbody>
							<tr>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>